<!-- Top Navigation -->
<div class="container top-brand">
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <div class="sidebar-header"> <a href="index.html"><img src="View/CQQ/images/logo.png" class="logo" alt="logo"></a>
            </div>
        </div>
        <ul class="nav justify-content-end">
            <li class="nav-item">
                <a class="nav-link">
                    <span title="Fullscreen" class="ti-fullscreen fullscreen"></span>
                </a>
            </li>
            <li class="nav-item" style="display: none">
                <a class="nav-link" data-toggle="modal" data-target=".lochana-modal-lg">
                    <span class="ti-search"></span>
                </a>
                <div class="modal fade lochana-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-lorvens">
                        <div class="modal-content lochana-box-shadow2">
                            <div class="modal-header">
                                <h5 class="modal-title">Search Patient/医生:</h5>
                                <span class="ti-close" data-dismiss="modal" aria-label="Close">
											</span>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="search-term" placeholder="Type text here">
                                        <button type="button" class="btn btn-lorvens lochana-bg">
                                            <span class="ti-location-arrow"></span> Search</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="nav-item" style="display: none">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                   aria-expanded="false">
                    <span class="ti-announcement"></span>
                </a>
                <div class="dropdown-menu lochana-box-shadow2 notifications animated flipInY">
                    <h5>Notifications</h5>
                    <a class="dropdown-item" href="#">
                        <span class="ti-wheelchair"></span> New Patient Added</a>
                    <a class="dropdown-item" href="#">
                        <span class="ti-money"></span> Patient payment done</a>
                    <a class="dropdown-item" href="#">
                        <span class="ti-time"></span>Patient Appointment booked</a>
                    <a class="dropdown-item" href="#">
                        <span class="ti-wheelchair"></span> New Patient Added</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                   aria-expanded="false">
                    <span class="ti-user"></span>
                </a>
                <div class="dropdown-menu lochana-box-shadow2 profile animated flipInY">
                    <h5>Admin</h5>
                    <a class="dropdown-item" href="#">
                        <span class="ti-settings"></span> 设置</a>
                    <a class="dropdown-item" href="{php HYBBS_URL('user','out')}">
                        <span class="ti-power-off"></span> 退出</a>
                </div>
            </li>
        </ul>

    </nav>
</div>
<!-- /Top Navigation -->
<!-- Menu -->
<div class="container menu-nav">
    <nav class="navbar navbar-expand-lg lochana-bg text-white">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="ti-menu text-white"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                       aria-expanded="false"><span class="ti-home"></span> 系统面板</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="?index.html">系统面板</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                       aria-expanded="false"><span class="ti-wheelchair"></span> 加速通道</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="?Tunnel/UDPView.html">UDP通道</a>
                        <a class="dropdown-item" href="?Tunnel/TCPView.html">TCP通道</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                       aria-expanded="false"><span class="ti-user"></span> 协议转换</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="?ProtocolChange/View.html">协议转化</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                       aria-expanded="false"><span class="ti-pencil-alt"></span> 系统工具</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="?setip.html">修改IP</a>
                        <a class="dropdown-item" href="?set/showCheckPing">网络测试</a>
                        <a class="dropdown-item" href="appointments.html">用户管理</a>
                    </div>
                </li>

            </ul>
        </div>
    </nav>
</div>
<!-- /Menu -->